@import '../../style/variables.scss';
@import './style/theme.scss';

.page{
  position: relative;
  width: 100vw;
  height: 100vh;
}

.slot {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
 .companyName{
    max-width: 360rpx;
  }
 .input{
  max-width: 280rpx;
}
  image {
    width: 50rpx;
    height: 50rpx;
    position: absolute;
    left: 360rpx;
  }
}

.avatar {
  display: flex;
  flex-direction: row;
  background-color: rgb(255, 255, 255);
  padding-left: 40rpx;
  align-items: center;
  border-bottom: 1px solid rgba(200, 204, 206,0.7);
  .title {
    margin: 30rpx 0rpx 30rpx 0rpx;
  }
  .avatarUrl{
    margin-left: 200rpx;
    width: 88rpx;
    height: 88rpx;
  }
  .arrow {
    margin-left: 268rpx;
    width: 50rpx;
    height: 50rpx;
  }
}

.update {
  position: absolute;
  bottom: 100rpx;
  right: 300rpx;
  .btn {
    background-color: rgb(60, 145, 117);
    color: rgb(226, 226, 217);
    padding: 20rpx 40rpx;
  }
}
.popTitle {
  padding: 25rpx;
  display: flex;
  justify-content: space-between;
  .cancel {
    color: #8B8989;
  }
  .confirm {
    color:#3A5FCD;
  }
}
.picker {
  width: 100%;
  height: 310rpx;
}